:root {
  --primary-bg: #F0F2F5;
  --sidebar-bg-start: #3E3D45;
  --sidebar-bg-end: #202020;
  --menu-active-bg: #4F4F52;
  --menu-hover-bg: #58585E;
  --text-white: #FFFFFF;
  --text-gray: #7B809A;
  --highlight-pink: #E91F63;
}

body {
  margin: 0;
  font-family: 'Roboto', sans-serif;
}

* {
  box-sizing: border-box;
}

.app-container {
  display: flex;
  min-height: 100vh;
  background-color: var(--primary-bg);
}

.main-content {
  flex-grow: 1;
  padding: 24px;
}
